import {Component, OnInit} from '@angular/core';
import {Table} from '../table/table';
import {
  Divider
} from '../../shared/divider/divider';
import {
  RouterLink, RouterLinkActive,
  RouterOutlet
} from '@angular/router';
import {Tabs} from '../tabs/tabs';

@Component({
  selector: 'app-collections-home',
  imports: [
    Table,
    Divider,
    RouterOutlet,
    RouterLink,
    RouterLinkActive,
    Tabs
  ],
  templateUrl: './collections-home.html',
  styleUrl: './collections-home.css'
})
export class CollectionsHome  {

  data = [
    {name:'James',age:24,job:'Designer'},
    {name:'Jill',age:30,job:'Engineer'},
    {name:'Elyse',age:25,job:'Designer'},
  ];

  headers = [
    {key:'name',label:'Name'},
    {key:'age',label:'Age'},
    {key:'job',label:'Job'},
  ];


}
